<script setup lang="ts">
import Left from './main/left.vue';
import Middle from './main/middle.vue';
import Right from './main/right.vue';

</script>

<template>
    <div class="main">
        <Left/>
        <Middle/>
        <Right/>
    </div>
</template>
<style scoped>
.main{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100px;
}
</style>